/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}

body{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#345191;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#345191;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#345191;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a {  font-weight:bold;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }
.line{
	overflow:visible;
	*zoom:1;
}
.line:after{
	content:"\020";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
.page{
	min-width:960px;
	width:96%;
	padding:0.2em;
}
.head{
	position:relative;
	background:url(/img/logo.png) no-repeat 0 30%;
}
.head h1{
	text-indent:-1000px;
	padding-bottom:0.5em;
}
.body{
	margin-top:0.5em;
}
.foot{
	height:20px;
	border-top:1px solid #345191;
	padding: 5px 20px;
}
fieldset{
	border:1px solid #345191;
}
caption{
	font-size:16px;
	font-weight:bold;
	padding:5px;
}
th{
	font-weight:bold;
	font-size:14px;

}
.signin{
	position:absolute;
	right:10px;
	top:5px;
}
legend{
	margin:10px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}
table{
	width:100%;
}
.mgl30{
	margin-left:3em;
}
#moreOptions{
	margin-left:1em;
}
.nav{
	overflow: hidden;_overflow:visible;_zoom:1;
	background:#345191;
	color:#fff;
	padding: 4px 10px;
}
.hide{
	display:none;
}
p.error{
	border:1px solid #FE8B18;
	background:#FFE2C5;
	border-right:none;
	border-left:none;
	text-indent:11em;
}
div.error{
	/*background:url(/img/error.png) no-repeat 10px 10px;*/
	font-weight:bold;
	/*min-height:64px;
	padding:10px 30px 10px 80px;*/
}
.error img{
	float:left;
	padding:10px;
}
.nav li{
	float:left;
	margin-right:2px;
}
.nav a{
	font-size:14px;
	line-height:14px;
	padding:5px 15px;
	color:#fff;
	text-decoration:none;
}
.nav a:hover{
	-webkit-animation-name: bodyBackground;
	-webkit-animation-duration: 3s;
	/*-webkit-animation-iteration-count: infinite;*/
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes bodyBackground {
	from {
		background-color: #345191;
	}
	50% {
		background-color: #c3f;
	}
	to {
		background-color: #709AE9;
	}
}

.nav a.selected,.nav a:hover{
	background:#709AE9;
}


#form .options{
	/*border: 1px solid transparent;*/
	border: 0 none;
	padding:0 1em;
	display:none;
}
#options{
	overflow:	visible;
}
.lb{
	display:inline-block;
	width:9em;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	padding-right:0.5em;
}
.line li{
	position:relative;
	padding: 5px 0;
}
.quiet{
	position:absolute;
	display:block;
	width:20em;
	display:none;
	border:1px solid #345191;
	background:#709AE9;
	top:20px;
	left:20px;
	z-index:2;
	color:#fff;
}
.quiet code{
	color:#fff;
}
.unsafe{
	color:#FE8B18;
}
.unsafe code{
	color:#FE8B18;
}
.resultList,.result{
	margin: 20px 0;
}
.multi tbody{
	border-bottom: 1px solid #345191;
} 
.right{
	float:right;
}
caption{
	border-bottom: 1px solid #345191;
}
input.input{
	border: 1px solid #BBBBBB;
	padding:0.4em;
	font-size:1.2em;
	width:30em;
	margin-right:1em;
}
input.error{
	border: 1px solid #FE8B18;
}
input.valid{
	border: 1px solid #007000;
}
input.submit{
	padding:0.1em 0.5em;
}
#result td{
	text-align:center;
}
#result{
	margin-bottom:10px;
}